<!-- FORMS -->
<div class="row">
    <div class="col-md-12">
        <!-- BASIC -->
        <div class="box border orange">
            <div class="box-title">
                <h4><i class="fa fa-reorder"></i>Tambah User</h4>
                <div class="tools hidden-xs">
                    <a href="#box-config" data-toggle="modal" class="config">
                        <i class="fa fa-cog"></i>
                    </a>
                    <a href="javascript:;" class="reload">
                        <i class="fa fa-refresh"></i>
                    </a>
                    <a href="javascript:;" class="collapse">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                    <a href="javascript:;" class="remove">
                        <i class="fa fa-times"></i>
                    </a>
                </div>
            </div>
            <div class="box-body big">
                <?php if (validation_errors()) { ?>
                <div class="alert alert-block alert-danger fade in">
                    <a class="close" data-dismiss="alert" href="#" aria-hidden="true">&times;</a>
                    <h4>Terjadi Kesalahan!</h4>
                    <?php echo validation_errors(); ?>
                </div>
                <?php } ?>
                <?php if ($this->session->flashdata('result_pass')) { ?>
                <div class="alert alert-block alert-danger fade in">
                   <a class="close" data-dismiss="alert" href="#" aria-hidden="true">&times;</a>
                   <h4>Terjadi Kesalahan!</h4>
                   <?php echo $this->session->flashdata('result_pass'); ?>
               </div>
               <?php } ?>
               <?php echo form_open('manajemen/fungsi_tambah_manajemen', 'class="form-horizontal row-border"'); ?>
               <div class="form-group">
                <label class="col-md-2 control-label">Nama:</label> 
                <div class="col-md-10"><input class="form-control" type="text" name="nama" placeholder="" /></div>
            </div>
            <div class="form-group">
                <label class="col-md-2 control-label">Username:</label> 
                <div class="col-md-10"><input class="form-control" type="text" name="username" placeholder="" /></div>
            </div>
            <div class="form-group">
                <label class="col-md-2 control-label">Password:</label> 
                <div class="col-md-10"><input class="form-control" type="text" name="password" placeholder="" /></div>
            </div>
            <div class="form-group">
                <label class="col-md-2 control-label">Email:</label> 
                <div class="col-md-10"><input class="form-control" type="text" name="email" placeholder="" /></div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-2">Jabatan</label>
                <div class="col-md-10">
                  <select name="id_jabatan" id="country_select" class="col-md-12 full-width-fix">
                     <option value="" />
                     <?php foreach ($list as $l) {
                        ?>
                        <option value="<?php echo $l->id_jabatan; ?>" /><?php echo $l->nama_jabatan; ?>
                         <? } ?>
                     </select>
                 </div>
             </div>   
             <div class="pull-right"><button class="btn btn-warning" type="submit" name="submit">Input Data</button></div>
             <br/>
         </form>										
     </div>
 </div>
 <!-- /BASIC -->
</div>
</div>
<!-- /SAMPLE -->

<!-- JAVASCRIPTS -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- JQUERY -->
<script src="<?php echo base_url() . 'assets/js/jquery/jquery-2.0.3.min.js'; ?>"></script>
<!-- JQUERY UI-->
<script src="<?php echo base_url() . 'assets/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js'; ?>"></script>
<!-- BOOTSTRAP -->
<script src="<?php echo base_url() . 'assets/bootstrap-dist/js/bootstrap.min.js'; ?>"></script>


<!-- DATE RANGE PICKER -->
<script src="<?php echo base_url() . 'assets/js/bootstrap-daterangepicker/moment.min.js'; ?>"></script>

<script src="<?php echo base_url() . 'assets/js/bootstrap-daterangepicker/daterangepicker.min.js'; ?>"></script>
<!-- SLIMSCROLL -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js'; ?>"></script>
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js'; ?>"></script>
<!-- BLOCK UI -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/jQuery-BlockUI/jquery.blockUI.min.js'; ?>"></script>
<!-- TYPEHEAD -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/typeahead/typeahead.min.js'; ?>"></script>
<!-- AUTOSIZE -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/autosize/jquery.autosize.min.js'; ?>"></script>
<!-- COUNTABLE -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/countable/jquery.simplyCountable.min.js'; ?>"></script>
<!-- INPUT MASK -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/bootstrap-inputmask/bootstrap-inputmask.min.js'; ?>"></script>
<!-- FILE UPLOAD -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/bootstrap-fileupload/bootstrap-fileupload.min.js'; ?>"></script>
<!-- SELECT2 -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/select2/select2.min.js'; ?>"></script>
<!-- UNIFORM -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/uniform/jquery.uniform.min.js'; ?>"></script>
<!-- JQUERY UPLOAD -->
<!-- The Templates plugin is included to render the upload/download listings -->
<script src="<?php echo base_url() . 'assets/js/blueimp/javascript-template/tmpl.min.js'; ?>"></script>
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
<script src="<?php echo base_url() . 'assets/js/blueimp/javascript-loadimg/load-image.min.js'; ?>"></script>
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
<script src="<?php echo base_url() . 'assets/js/blueimp/javascript-canvas-to-blob/canvas-to-blob.min.js'; ?>"></script>
<!-- blueimp Gallery script -->
<script src="<?php echo base_url() . 'assets/js/blueimp/gallery/jquery.blueimp-gallery.min.js'; ?>"></script>
<!-- The basic File Upload plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload.min.js'; ?>"></script>
<!-- The File Upload processing plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload-process.min.js'; ?>"></script>
<!-- The File Upload image preview & resize plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload-image.min.js'; ?>"></script>
<!-- The File Upload audio preview plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload-audio.min.js'; ?>"></script>
<!-- The File Upload video preview plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload-video.min.js'; ?>"></script>
<!-- The File Upload validation plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload-validate.min.js'; ?>"></script>
<!-- The File Upload user interface plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload-ui.min.js'; ?>"></script>
<!-- The main application script -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/main.js'; ?>"></script>
<!-- COOKIE -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/jQuery-Cookie/jquery.cookie.min.js'; ?>"></script>
<!-- CUSTOM SCRIPT -->
<script src="<?php echo base_url() . 'assets/js/script.js'; ?>"></script>
<script>
jQuery(document).ready(function() {
        App.setPage("forms");  //Set current page
        App.init(); //Initialise plugins and elements
    });
</script>
<!-- /JAVASCRIPTS -->